<template>
  <el-form :model="form8" label-width="auto" style="max-width: 1300px;min-width: 1300px">
    <div class="common-layout">
      <el-container>
        <el-main>
          <!--标题-->
          <el-row class="report-header">
            <el-col :span="24">
              <div class="grid-content ep-bg-purple-dark the_font_is_bold"/>
              <div class="title-container">
              <h1 style="font-size: 40px">
                JGH-1000D/1400A/1800B多级干泵装配记录
              </h1>
              </div>
            </el-col>
          </el-row>
          <!--Case-->
          <el-row>
            <el-col :span="2" style="padding-left: 10px;">
              <div class="grid-content ep-bg-purple"/>
              <span class="fontSize the_font_is_bold">泵组编号</span>
            </el-col>
            <el-col :span="10">
              <span>{{form8.input_Pump_set_number}}</span>
            </el-col>
            <el-col :span="2" style="padding-left: 10px;">
              <div class="grid-content ep-bg-purple"/>
              <span class="fontSize the_font_is_bold">Case</span>
            </el-col>
            <el-col :span="10">
              <span>{{form8.input_Case}}</span>
            </el-col>
          </el-row>
          <!--调试过程检验-->
          <el-row>
            <el-col :span="2">
              <div class="grid-content ep-bg-purple"/>
              <div
                  style="height:475px;display: flex;align-items: center; /* 垂直居中 */justify-content: center; /* 水平居中 */">
                <span class="text_is_vertical fontSize the_font_is_bold">
                  调&nbsp;试&nbsp;过&nbsp;程&nbsp;检&nbsp;验
                </span>
              </div>
            </el-col>
            <el-col :span="22">
              <div class="grid-content ep-bg-purple"/>
              <!--第一行-->
              <el-row>
                <el-col :span="6">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="the_font_is_bold">调试人</span>
                </el-col>
                <el-col :span="5">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_Debugging_people}}</span>
                </el-col>
                <el-col :span="7">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="the_font_is_bold">调试开始时间</span>
                </el-col>
                <el-col :span="6">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_Commissioning_start_time}}</span>
                </el-col>
              </el-row>
              <!--第二行-->
              <el-row>
                <el-col :span="6" style="height:47px;display: flex;align-items: center;justify-content: center;">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="the_font_is_bold">供电电压</span>
                </el-col>
                <el-col :span="5">
                  <div class="grid-content ep-bg-purple"/>
                  <el-radio-group v-model="form8.radio_Supply_voltage">
                    <el-radio value="380V" size="large" class=""><span style="font-size: 15px;">380V</span></el-radio>
                    <el-radio value="208V" size="large" class=""><span style="font-size: 15px;">208V</span></el-radio>
                  </el-radio-group>
                </el-col>
                <el-col :span="7" style="height:47px;display: flex;align-items: center;justify-content: center;">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="the_font_is_bold">泵组频率设置</span>
                </el-col>
                <el-col :span="6">
                  <div class="grid-content ep-bg-purple"/>
                  <el-row>
                    <el-col :span="24">
                      <span style="font-size: 15px">上泵</span>
                      <el-radio-group v-model="form8.radio_Pump_set_frequency_setting_0">
                        <el-radio value="50Hz" size="large" class="smallOptions" style="margin: 0 3px 0 5px;"><span
                            style="font-size: 12px;">50Hz</span></el-radio>
                        <el-radio value="60Hz" size="large" class="smallOptions" style="margin: 0 3px 0 0;"><span
                            style="font-size: 12px;">60Hz</span></el-radio>
                        <el-radio value="80Hz" size="large" class="smallOptions" style="margin: 0 3px 0 0;"><span
                            style="font-size: 12px;">80Hz</span></el-radio>
                        <el-radio value="100Hz" size="large" class="smallOptions" style="margin: 0"><span
                            style="font-size: 12px;">100Hz</span></el-radio>
                      </el-radio-group>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="24">
                      <span style="font-size: 15px">下泵</span>
                      <el-radio-group v-model="form8.radio_Pump_set_frequency_setting_1">
                        <el-radio value="50Hz" size="large" class="smallOptions" style="margin-left: 5px"><span style="font-size: 12px;">50Hz</span></el-radio>
                        <el-radio value="60Hz" size="large" class="smallOptions"><span
                            style="font-size: 12px;">60Hz</span></el-radio>
                      </el-radio-group>
                    </el-col>
                  </el-row>
                </el-col>
              </el-row>
              <!--第三行-->
              <el-row>
                <el-col :span="6">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="the_font_is_bold">泵对应CMS网络网线IP</span>
                </el-col>
                <el-col :span="5">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_Pump_CMS_Network_IP}}</span>
                </el-col>
                <el-col :span="7">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="the_font_is_bold">手控盒设置IP是否对应网线IP一致</span>
                </el-col>
                <el-col :span="6">
                  <div class="grid-content ep-bg-purple"/>
                  <el-radio-group v-model="form8.radio_Handheld_box_IP_setting">
                    <el-radio value="是" size="large" class="smallOptions"><span style="font-size: 15px;">是</span>
                    </el-radio>
                    <el-radio value="否" size="large" class="smallOptions"><span style="font-size: 15px;">否</span>
                    </el-radio>
                  </el-radio-group>
                </el-col>
              </el-row>
              <!--第四行-->
              <el-row>
                <el-col :span="11">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="the_font_is_bold">CMS数据记录起始时间（插网线时间）</span>
                </el-col>
                <el-col :span="7">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_CMS_Data_Record_StartTime}}</span>
                </el-col>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="the_font_is_bold">工位号</span>
                </el-col>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_Station_number}}</span>
                </el-col>
              </el-row>
              <!--第五行-->
              <el-row>
                <el-col :span="6">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="the_font_is_bold">泵组真空度(Pa)</span>
                </el-col>
                <el-col :span="5">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="the_font_is_bold">MB电流/DP电流(A)</span>
                </el-col>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="the_font_is_bold">温度(℃)</span>
                </el-col>
                <el-col :span="4">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="the_font_is_bold">排气口压力(mbar)</span>
                </el-col>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="the_font_is_bold">N2(SLM)</span>
                </el-col>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="the_font_is_bold">抽大气干泵功率(W)</span>
                </el-col>
              </el-row>
              <!--第六行-->
              <el-row>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="">5分钟</span>
                </el-col>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_5_minutes_1}}</span>
                </el-col>
                <el-col :span="5">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_5_minutes_2}}</span>
                </el-col>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_5_minutes_3}}</span>
                </el-col>
                <el-col :span="4">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_5_minutes_4}}</span>
                </el-col>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_5_minutes_5}}</span>
                </el-col>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_5_minutes_6}}</span>
                </el-col>
              </el-row>
              <!--第七行-->
              <el-row>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="">1小时(极限测试)</span>
                </el-col>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_1_hour_1}}</span>
                </el-col>
                <el-col :span="5">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_1_hour_2}}</span>
                </el-col>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_1_hour_3}}</span>
                </el-col>
                <el-col :span="4">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_1_hour_4}}</span>
                </el-col>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_1_hour_5}}</span>
                </el-col>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_1_hour_6}}</span>
                </el-col>
              </el-row>
              <!--第八行-->
              <el-row>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="">24小时</span>
                </el-col>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_24_hours_1}}</span>
                </el-col>
                <el-col :span="5">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_24_hours_2}}</span>
                </el-col>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_24_hours_3}}</span>
                </el-col>
                <el-col :span="4">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_24_hours_4}}</span>
                </el-col>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_24_hours_5}}</span>
                </el-col>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_24_hours_6}}</span>
                </el-col>
              </el-row>
              <!--第九行-->
              <el-row>
                <el-col :span="3" style="border-right: none">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="">手动停机时间:</span>
                </el-col>
                <el-col :span="4" style="border-right: none;border-left: none">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_Manual_downtime}}</span>
                </el-col>
                <el-col :span="2" style="border-right: none;border-left: none">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="">停机人:</span>
                </el-col>
                <el-col :span="2" style="border-left: none">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_Downtimer}}</span>
                </el-col>
                <el-col :span="3" style="border-right: none">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="">4H后重新启动时间:</span>
                </el-col>
                <el-col :span="4" style="border-right: none;border-left: none">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_Reboot_time_4H}}</span>
                </el-col>
                <el-col :span="3" style="border-right: none;border-left: none">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="">启动人:</span>
                </el-col>
                <el-col :span="3" style="border-left: none">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_Initiator}}</span>
                </el-col>
              </el-row>
              <!--第十行-->
              <el-row>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="">48小时</span>
                </el-col>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_48_hours}}</span>
                </el-col>
                <el-col :span="5">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="">/</span>
                </el-col>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="">/</span>
                </el-col>
                <el-col :span="4">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_value_1}}</span>
                </el-col>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_value_2}}</span>
                </el-col>
                <el-col :span="3">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_value_3}}</span>
                </el-col>
              </el-row>
              <!--第十一行-->
              <el-row>
                <el-col :span="6">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="the_font_is_bold">调试结束时间</span>
                </el-col>
                <el-col :span="5">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_Commissioning_end_time}}</span>
                </el-col>
                <el-col :span="7">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_value_4}}</span>
                </el-col>
                <el-col :span="6">
                  <div class="grid-content ep-bg-purple"/>
                  <span>{{form8.input_value_5}}</span>
                </el-col>
              </el-row>
              <!--第十二行-->
              <el-row>
                <el-col :span="6">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="the_font_is_bold">振动传感器布置是否正确<br>(如没有配置填无)</span>
                </el-col>
                <el-col :span="5">
                  <div class="grid-content ep-bg-purple"/>
                  <el-radio-group v-model="form8.radio_VibrationSensorPlacementCorrect">
                    <el-radio value="无" size="large" class="" ><span>无</span></el-radio>
                    <el-radio value="是" size="large" class="" ><span>是</span></el-radio>
                    <el-radio value="否" size="large" class="" ><span>否</span></el-radio>
                  </el-radio-group>
                </el-col>
                <el-col :span="7" style="height:45px;display: flex;align-items: center; /* 垂直居中 */justify-content: center;">
                  <div class="grid-content ep-bg-purple"/>
                  <span class="the_font_is_bold">是否通水</span>
                </el-col>
                <el-col :span="6">
                  <div class="grid-content ep-bg-purple"/>
                  <el-radio-group v-model="form8.radio_Water_Supply_Status">
                    <el-radio value="是" size="large" class="" ><span>是</span></el-radio>
                    <el-radio value="否" size="large" class="" ><span>否</span></el-radio>
                  </el-radio-group>
                </el-col>
              </el-row>
              <!--第十三行-->
              <el-row>
                <el-col :span="18">
                  <div class="grid-content ep-bg-purple"/>
                  <el-row>
                    <el-col :span="8">
                      <div class="grid-content ep-bg-purple"/>
                      <span class="the_font_is_bold">调试结束时间</span>
                    </el-col>
                    <el-col :span="16">
                      <div class="grid-content ep-bg-purple"/>
                      <span>{{form8.input_Date}}</span>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="8">
                      <div class="grid-content ep-bg-purple"/>
                      <span class="the_font_is_bold">正压检漏保压测试</span>
                    </el-col>
                    <el-col :span="16">
                      <div class="grid-content ep-bg-purple"/>
                      <el-row>
                        <el-col :span="8" style="border-right: 0">
                          <div class="grid-content ep-bg-purple"/>
                          <el-radio-group v-model="form8.radio_Press_Test_Pressure_Hold_Test">
                            <el-radio value="合格" size="large" class="smallOptions" style="margin-left: 5px"><span style="font-size: 12px;">合格</span></el-radio>
                            <el-radio value="不合格" size="large" class="smallOptions" style="margin-left: 5px"><span style="font-size: 12px;">不合格</span></el-radio>
                          </el-radio-group>
                        </el-col>
                        <el-col :span="16" style="border-left: 0">
                          <div class="grid-content ep-bg-purple"/>
                          <span>{{form8.radio_Press_Test_Pressure_Hold_Test_value}}</span>
                        </el-col>
                      </el-row>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="8">
                      <div class="grid-content ep-bg-purple"/>
                      <span class="the_font_is_bold">泵组水路耐压测试</span>
                    </el-col>
                    <el-col :span="16">
                      <div class="grid-content ep-bg-purple"/>
                      <el-row>
                        <el-col :span="8" style="border-right: 0">
                          <div class="grid-content ep-bg-purple"/>
                          <el-radio-group v-model="form8.radio_Pump_Package_Hydrostatic_Test">
                            <el-radio value="合格" size="large" class="smallOptions" style="margin-left: 5px"><span style="font-size: 12px;">合格</span></el-radio>
                            <el-radio value="不合格" size="large" class="smallOptions" style="margin-left: 5px"><span style="font-size: 12px;">不合格</span></el-radio>
                          </el-radio-group>
                        </el-col>
                        <el-col :span="16" style="border-left: 0">
                          <div class="grid-content ep-bg-purple"/>
                          <span>{{form8.radio_Pump_Package_Hydrostatic_Test_value}}</span>
                        </el-col>
                      </el-row>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="8">
                      <div class="grid-content ep-bg-purple"/>
                      <span class="the_font_is_bold">上泵振动检测</span>
                    </el-col>
                    <el-col :span="16">
                      <div class="grid-content ep-bg-purple"/>
                      <el-row>
                        <el-col :span="8" style="border-right: 0">
                          <div class="grid-content ep-bg-purple"/>
                          <el-radio-group v-model="form8.radio_Pump_Upper_Vibration_Detection">
                            <el-radio value="合格" size="large" class="smallOptions" style="margin-left: 5px"><span style="font-size: 12px;">合格</span></el-radio>
                            <el-radio value="不合格" size="large" class="smallOptions" style="margin-left: 5px"><span style="font-size: 12px;">不合格</span></el-radio>
                          </el-radio-group>
                        </el-col>
                        <el-col :span="16" style="border-left: 0">
                          <div class="grid-content ep-bg-purple"/>
                          <span>{{form8.radio_Pump_Upper_Vibration_Detection_value}}</span>
                        </el-col>
                      </el-row>
                    </el-col>
                  </el-row>
                  <el-row>
                    <el-col :span="8" style="height:69px;display: flex;align-items: center; /* 垂直居中 */justify-content: center;">
                      <div class="grid-content ep-bg-purple"/>
                      <span class="the_font_is_bold">下泵振动检测</span>
                    </el-col>
                    <el-col :span="16">
                      <div class="grid-content ep-bg-purple"/>
                      <el-row>
                        <el-col :span="8" style="border-right: 0">
                          <div class="grid-content ep-bg-purple"/>
                          <el-radio-group v-model="form8.radio_Pump_Lower_Vibration_Monitoring">
                            <el-radio value="合格" size="large" class="smallOptions" style="margin-left: 5px"><span style="font-size: 12px;">合格</span></el-radio>
                            <el-radio value="不合格" size="large" class="smallOptions" style="margin-left: 5px"><span style="font-size: 12px;">不合格</span></el-radio>
                          </el-radio-group>
                        </el-col>
                        <el-col :span="16" style="border-left: 0">
                          <div class="grid-content ep-bg-purple"/>
                          <span>{{form8.radio_Pump_Lower_Vibration_Monitoring_value}}</span>
                        </el-col>
                      </el-row>
                      <el-row>
                        <el-col :span="8" style="border-right: 0">
                          <div class="grid-content ep-bg-purple"/>
                          <span>特征频率加速度值：</span>
                        </el-col>
                        <el-col :span="14" style="border-left: 0;border-right: 0">
                          <div class="grid-content ep-bg-purple"/>
                          <span>{{form8.input_Characteristic_Frequency_Acceleration_Value}}</span>
                        </el-col>
                        <el-col :span="2" style="border-left: 0">
                          <div class="grid-content ep-bg-purple"/>
                          <span>m/s²</span>
                        </el-col>
                      </el-row>
                      <el-row>
                        <el-col :span="8" style="border-right: 0">
                          <div class="grid-content ep-bg-purple"/>
                          <span>振动总有效值：</span>
                        </el-col>
                        <el-col :span="14" style="border-left: 0;border-right: 0">
                          <div class="grid-content ep-bg-purple"/>
                          <span>{{form8.input_Vibration_Total_Effective_Value}}</span>
                        </el-col>
                        <el-col :span="2" style="border-left: 0">
                          <div class="grid-content ep-bg-purple"/>
                          <span>m/s²</span>
                        </el-col>
                      </el-row>
                    </el-col>
                  </el-row>
                </el-col>
                <el-col :span="6">
                  <div class="grid-content ep-bg-purple"/>
                  <span>返工原因及处理方案</span>
                  <div style="width: 100%;overflow-wrap: break-word;">
                    <span>{{form8.input_value}}</span>
                  </div>
                </el-col>
              </el-row>
            </el-col>
          </el-row>
        </el-main>
      </el-container>
    </div>
  </el-form>
</template>

<script setup lang="ts">
import {defineProps, reactive, watch} from "vue";
import axios from "axios";
import {ElMessage} from "element-plus";

const form8 = reactive({
  input_Pump_set_number: "",/*泵组编号*/
  input_Case: "",/*Case*/
  input_Debugging_people: "",/*调试人*/
  input_Commissioning_start_time: "",/*调试开始时间*/
  radio_Supply_voltage: "",/*供电电压*/
  radio_Pump_set_frequency_setting_0: "",/*供电电压 - 上泵*/
  radio_Pump_set_frequency_setting_1: "",/*供电电压 - 下泵*/
  input_Pump_CMS_Network_IP: "",/*泵对应CMS网络网线IP*/
  radio_Handheld_box_IP_setting: "",/*手控盒设置IP是否对应网线IP一致*/
  input_CMS_Data_Record_StartTime: "",/*CMS数据记录起始时间（插网线时间）*/
  input_Station_number: "",/*工位号*/

  input_5_minutes_1: "",/*泵组真空度（Pa） - 5分钟*/
  input_5_minutes_2: "",/*MB电流/DP电流(A) - 5分钟*/
  input_5_minutes_3: "",/*温度（℃） - 5分钟*/
  input_5_minutes_4: "",/*排气口压力(mbar) - 5分钟*/
  input_5_minutes_5: "",/*N2（SLM) - 5分钟*/
  input_5_minutes_6: "",/*抽大气干泵功率(W) - 5分钟*/

  input_1_hour_1: "",/*泵组真空度（Pa） - 1小时（极限测试）*/
  input_1_hour_2: "",/*MB电流/DP电流(A) - 1小时（极限测试）*/
  input_1_hour_3: "",/*温度（℃） - 1小时（极限测试）*/
  input_1_hour_4: "",/*排气口压力(mbar) - 1小时（极限测试）*/
  input_1_hour_5: "",/*N2（SLM) - 1小时（极限测试）*/
  input_1_hour_6: "",/*抽大气干泵功率(W) - 1小时（极限测试）*/

  input_24_hours_1: "",/*泵组真空度（Pa）- 24小时*/
  input_24_hours_2: "",/*MB电流/DP电流(A) - 24小时*/
  input_24_hours_3: "",/*温度（℃） - 24小时*/
  input_24_hours_4: "",/*排气口压力(mbar) - 24小时*/
  input_24_hours_5: "",/*N2（SLM) - 1小时（极限测试）*/
  input_24_hours_6: "",/*抽大气干泵功率(W) - 24小时*/

  input_Manual_downtime: "",/*手动停机时间*/
  input_Downtimer: "",/*停机人*/
  input_Reboot_time_4H: "",/*4H后重新启动时间*/
  input_Initiator: "",/*启动人*/

  input_48_hours: "",/*48小时*/
  input_value_1: "",/*空值1*/
  input_value_2: "",/*空值2*/
  input_value_3: "",/*空值3*/
  input_value_4: "",/*空值4*/
  input_value_5: "",/*空值5*/
  input_Commissioning_end_time: "",/*调试结束时间 - 年月日+时间*/

  radio_VibrationSensorPlacementCorrect: "",/*振动传感器布置是否正确(如没有配置填无)*/
  radio_Water_Supply_Status: "",/*是否通水*/
  input_Date: "",/*调试结束时间 - 年月日*/
  radio_Press_Test_Pressure_Hold_Test: "",/*正压检漏保压测试*/
  radio_Press_Test_Pressure_Hold_Test_value: "",/*正压检漏保压测试 - 备注*/
  radio_Pump_Package_Hydrostatic_Test: "",/*泵组水路耐压测试*/
  radio_Pump_Package_Hydrostatic_Test_value: "",/*泵组水路耐压测试 - 备注*/
  radio_Pump_Upper_Vibration_Detection: "",/*上泵振动检测*/
  radio_Pump_Upper_Vibration_Detection_value: "",/*上泵振动检测 - 备注*/
  radio_Pump_Lower_Vibration_Monitoring: "",/*下泵振动检测*/
  radio_Pump_Lower_Vibration_Monitoring_value: "",/*下泵振动检测 - 备注*/
  input_Characteristic_Frequency_Acceleration_Value: "",/*下泵振动检测 - 特征频率加速度值*/
  input_Vibration_Total_Effective_Value: "",/*下泵振动检测 - 振动总有效值*/

  input_value: "",/*返工原因及处理方案*/
})
const props = defineProps({
  input_Case: {
    type: String,
    default: ''
  }
})
watch(() => props.input_Case, (newValue) => {
  axios.get('http://192.168.110.84:8081/part8/value/' + newValue)
      .then(response => {
        // 处理响应
        const data = response.data.data;
        if (response.data.code === 1) {
          if(data !== null){
          // 遍历data对象并更新form
          Object.keys(data).forEach(key => {
            form8[key] = data[key];
          });}else {
            resetForm();
          }
        } else {
          ElMessage.error(response.data.message)
        }
      });
})
function resetForm() {
  form8.input_Pump_set_number = ""; /* 泵组编号 */
  form8.input_Case = ""; /* Case */
  form8.input_Debugging_people = ""; /* 调试人 */
  form8.input_Commissioning_start_time = ""; /* 调试开始时间 */
  form8.radio_Supply_voltage = ""; /* 供电电压 */
  form8.radio_Pump_set_frequency_setting_0 = ""; /* 供电电压 - 上泵 */
  form8.radio_Pump_set_frequency_setting_1 = ""; /* 供电电压 - 下泵 */
  form8.input_Pump_CMS_Network_IP = ""; /* 泵对应CMS网络网线IP */
  form8.radio_Handheld_box_IP_setting = ""; /* 手控盒设置IP是否对应网线IP一致 */
  form8.input_CMS_Data_Record_StartTime = ""; /* CMS数据记录起始时间（插网线时间） */
  form8.input_Station_number = ""; /* 工位号 */

  form8.input_5_minutes_1 = ""; /* 泵组真空度（Pa） - 5分钟 */
  form8.input_5_minutes_2 = ""; /* MB电流/DP电流(A) - 5分钟 */
  form8.input_5_minutes_3 = ""; /* 温度（℃） - 5分钟 */
  form8.input_5_minutes_4 = ""; /* 排气口压力(mbar) - 5分钟 */
  form8.input_5_minutes_5 = ""; /* N2（SLM) - 5分钟 */
  form8.input_5_minutes_6 = ""; /* 抽大气干泵功率(W) - 5分钟 */

  form8.input_1_hour_1 = ""; /* 泵组真空度（Pa） - 1小时（极限测试） */
  form8.input_1_hour_2 = ""; /* MB电流/DP电流(A) - 1小时（极限测试） */
  form8.input_1_hour_3 = ""; /* 温度（℃） - 1小时（极限测试） */
  form8.input_1_hour_4 = ""; /* 排气口压力(mbar) - 1小时（极限测试） */
  form8.input_1_hour_5 = ""; /* N2（SLM) - 1小时（极限测试） */
  form8.input_1_hour_6 = ""; /* 抽大气干泵功率(W) - 1小时（极限测试） */

  form8.input_24_hours_1 = ""; /* 泵组真空度（Pa）- 24小时 */
  form8.input_24_hours_2 = ""; /* MB电流/DP电流(A) - 24小时 */
  form8.input_24_hours_3 = ""; /* 温度（℃） - 24小时 */
  form8.input_24_hours_4 = ""; /* 排气口压力(mbar) - 24小时 */
  form8.input_24_hours_5 = ""; /* N2（SLM) - 24小时 */
  form8.input_24_hours_6 = ""; /* 抽大气干泵功率(W) - 24小时 */

  form8.input_Manual_downtime = ""; /* 手动停机时间 */
  form8.input_Downtimer = ""; /* 停机人 */
  form8.input_Reboot_time_4H = ""; /* 4H后重新启动时间 */
  form8.input_Initiator = ""; /* 启动人 */

  form8.input_48_hours = ""; /* 48小时 */
  form8.input_value_1 = ""; /* 空值1 */
  form8.input_value_2 = ""; /* 空值2 */
  form8.input_value_3 = ""; /* 空值3 */
  form8.input_value_4 = ""; /* 空值4 */
  form8.input_value_5 = ""; /* 空值5 */
  form8.input_Commissioning_end_time = ""; /* 调试结束时间 - 年月日+时间 */

  form8.radio_VibrationSensorPlacementCorrect = ""; /* 振动传感器布置是否正确(如没有配置填无) */
  form8.radio_Water_Supply_Status = ""; /* 是否通水 */
  form8.input_Date = ""; /* 调试结束时间 - 年月日 */
  form8.radio_Press_Test_Pressure_Hold_Test = ""; /* 正压检漏保压测试 */
  form8.radio_Press_Test_Pressure_Hold_Test_value = ""; /* 正压检漏保压测试 - 备注 */
  form8.radio_Pump_Package_Hydrostatic_Test = ""; /* 泵组水路耐压测试 */
  form8.radio_Pump_Package_Hydrostatic_Test_value = ""; /* 泵组水路耐压测试 - 备注 */
  form8.radio_Pump_Upper_Vibration_Detection = ""; /* 上泵振动检测 */
  form8.radio_Pump_Upper_Vibration_Detection_value = ""; /* 上泵振动检测 - 备注 */
  form8.radio_Pump_Lower_Vibration_Monitoring = ""; /* 下泵振动检测 */
  form8.radio_Pump_Lower_Vibration_Monitoring_value = ""; /* 下泵振动检测 - 备注 */
  form8.input_Characteristic_Frequency_Acceleration_Value = ""; /* 下泵振动检测 - 特征频率加速度值 */
  form8.input_Vibration_Total_Effective_Value = ""; /* 下泵振动检测 - 振动总有效值 */

  form8.input_value = ""; /* 返工原因及处理方案 */
}
</script>

<style scoped>
.el-col {
  border: black 1px solid;
}

.text_is_vertical {
  writing-mode: vertical-lr; /* 从上到下竖直排列文字 */
  text-orientation: mixed; /* 保持字符的原始方向 */
}

.fontSize {
  font-size: 20px;
}

.smallOptions {
  height: 20px;
}

.text_is_on_the_left {
  text-align: left;
}

.the_font_is_bold {
  font-weight: bold;
}

.demo-datetime-picker {
  display: flex;
  width: 100%;
  padding: 0;
  flex-wrap: wrap;
}

.demo-datetime-picker .block {
  padding: 30px 0;
  text-align: center;
  border-right: solid 1px var(--el-border-color);
  flex: 1;
}

.demo-datetime-picker .block:last-child {
  border-right: none;
}

.demo-datetime-picker .demonstration {
  display: block;
  color: var(--el-text-color-secondary);
  font-size: 14px;
  margin-bottom: 20px;
}
.report-header {
  text-align: center;
}
.title-container {
  display: inline-block;
  text-align: center;
}
</style>